<template>
	<view class="page">
		<view class="content1">
					<view class="shang" @click="pageTo('/pages/downloading_page/downloading_page')">
					
						<view class="one">
							<view class="zzxz">
								<p>正在下载</p>
							</view>
							<image src="../../static/img/jq.jpg"></image><span>剩余2个课件</span>
						</view>
					</view>		
					<view class="xia">
						<view class="two">
							<view class="zzxz">
								<p>已完成</p>
							</view>
							<image src="../../static/img/jq.jpg"></image><span><stong>跟简七学理财</stong><br/>1课件|29M</span>
						</view>	
											
					</view>	
		<view class="foot">
			<p>已下载课程29MB，可用空间31.6G</p>
		</view>
		</view>
	
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods:{
			pageTo(url) {
				console.log(url)
				uni.navigateTo({
				
					url
				})
			}
		}
	}
</script>

<style>
	.page{
		background-color: rgba(242, 244, 248, 1);
	}
	.content1{
	height: 750px;
	}
	.xia{
		margin-top: 10px;
	/* 	height: 450px;*/
	background-color: rgba(255, 255, 255, 1);
		 
	}
	stong{
		font-size: 20px;
	}
	.shang{
	height: 150px;
	margin-top: 20px;
	background-color: rgba(255, 255, 255, 1);
	}
	.zzxz p{
		font-size: 18px;
			color: rgba(117, 125, 145, 1);
		margin-left: 20px;
	}
	.two{
		height: 550px;
/* 		margin-top: 50px; */
		background-color: rgba(255, 255, 255, 1);
		width: 100%;
	}
	.two image{
		margin-left: 30px;
		margin-top: 20px;
		width: 250upx;
		height: 100upx;	
	}
	.two span{
			color: rgba(117, 125, 145, 1);
		    position: absolute;
		    font-size: 15px;
		    top: 0;
		    margin-top: 230px;
		margin-left: 20px;
	}
	
	
	.one{
		/* height: 200px; */
		width: 100%;
	}
.one image{
	margin-left: 30px;
	margin-top: 20px;
	width: 250upx;
	height: 100upx;	
}
.one span{
	color: rgba(117, 125, 145, 1);
	    position: absolute;
	    font-size: 15px;
	    top: 0;
	    margin-top: 85px;
	margin-left: 15px;
}

.foot{
	    width:100%;
	    height:20px;
	
}
.foot p{
	margin-top: 10px;
	height: 10px;
	color: rgba(128, 128, 128, 1); 
   /* position: absolute;
    bottom: 0; */
    margin-left: 70px;
} 
</style>
